<template>
  <div>
    <div class="item">
      <div class="title border-bottom">
        <div class="txt">景点说明</div>
      </div>
      <div class="content">说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容说明内容</div>
    </div>
    <div class="item">
      <div class="title border-bottom">
        <div class="txt">特色玩法</div>
      </div>
      <div class="content-img">
        <div class="img-item"><img src="" alt=""></div>
        <div class="img-item"><img src="" alt=""></div>
        <div class="img-item"><img src="" alt=""></div>
        <div class="img-item"><img src="" alt=""></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DetailDescription'
}
</script>

<style lang="stylus" scoped>
  @import '~styles/varibles.styl'
  .item
    border-top .16rem solid #eee
    .title
      padding .24rem
      .txt
        padding 0 .16rem
        border-left .08rem solid $bgColor
        font-size .3rem
        font-weight bold
        color #666
    .content
      padding: .18rem .3rem
      line-height .4rem
    .content-img
      margin-top .24rem
      .img-item
        width 100%
        height 50vw
        img
          width 100%
          height 100%
          background red
</style>
